<template>
	<!-- my-login是没有会员卡时显示，my-userinfo是有会员卡显示 -->
	<view style="padding: 40rpx;">
		<view class="dian">
			<view class="dian4">
				适用门店：全部门店
			</view>
			<view class="bg-img bg-mask flex align-center"
				style="background-image: url('https://t.mwm.moe/fj/');height: 414upx;">
				<view class="padding-xl text-white">
					<view class="padding-xs text-xxl text-bold">
						精细洗 月卡
					</view>
					<view class="padding-xs text-lg">
						<view>剩余天数:30天</view>
						<view>剩余次数:8次</view>
					</view>
				</view>
			</view>
		</view>
	</view>
		
</template>

<script>
	export default {
		data() {
			return {
				status: "",
				
			}
		},
		
		methods: {
			navigate1: function(uri) {
				uni.navigateTo({
					url: `/pages/${uri}`
				})
			}
		},
	}
</script>

<style lang="less">
	page{
		background-color: white;
	}

	.imgss {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.wu {
		text-align: center;
		font-size: 13px;
		color: #EBEBEB;
	}

	.btn {
		width: 220rpx;
		height: 80rpx;
		background-color: royalblue;
		color: white;
		margin-top: 40rpx;

	}
.dian{
	background-color: #5693FE;
	height: 240rpx;
	line-height: 50rpx;
	
	.dian1{
		display: flex;
		.dian2{
			font-weight: 900;
			font-size: 24px;
			padding-right: 40rpx;
			color: white;
		}
		.dian3{
			padding-right: 40rpx;
			color: white;
			font-size: 18px;
		}
		
	}
	.dian4{
		color: white;
	}
}
	
</style>
